Ext.define('Menu.view.MenuView', {
	extend : 'Ext.TabPanel',
	xtype : 'menuView',
	requires:['House.view.HousePanel','Reservation.view.ReservationView','CancelOrder.view.CancelOrder', 'BrowseOrder.view.BrowseOrderView','More.view.MoreView',], 
	config : {
			ui : 'dark',
			tabBarPosition : 'bottom',
			items : [{
				title : '房间浏览',
				iconCls : 'home',
				items : [{
							xtype : 'housepanel',
							itemid : 'tabHouse'
						}]
			}, {
				title : '预定房间',
				iconCls : 'download',
				items : [{
							xtype : 'reservationView'
						}]
			}, {
				title : '退订房间',
				iconCls : 'action',
				items : [{
							xtype : 'cancelpanel',
							itemid : 'tabCancel'
						}]
			}, {
				title : '订单浏览',
				iconCls : 'compose',
				items : [{
							xtype : 'browseOrderView',
							itemid : 'tabBrowse'
						}]
			}, {
				title : '更多',
				iconCls : 'more',
				items : [{
							xtype : 'moreView'
						}]
			}],
		listeners : {
			activeitemchange : function(container, value, oldValue,eOpts) {
				var tabItem = value.get("activeItem"), tabId = tabItem.itemid;
				switch (tabId) {
					case "tabHouse" :
						tabItem.down("#houseList").getStore().load()
						break;
					case "tabCancel" :
						tabItem.down("#cancelList").getStore().load()
						break;
					case "tabBrowse" :
						tabItem.down("#browseList").getStore().load()
						break;
					default :
						break;
				}
			}
		}
	}
});